page {
  height: 100%;
  background-color: #eeeeee;
}

.homebg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  height: 1000px;
  width: 750px;
  background-image: linear-gradient(to bottom, #4D91FF, #FFFFFF);
} 

.reservation-record-page {
  height: 100%;
  display: flex;
  flex-direction: column;

  .list-wrapper {
    flex: 1;
    background: #fff;
    padding: 12px 24px 0;
    border-radius: 0;
  }

  .list-item {
    display: flex;
    background: white;
    border-radius: 12px;
    margin: 0 24px 24px 24px;
    padding: 24px;
  }
}

.ites {
  font-size: 28px;
  color: #666; 
}

.iteWrap {
  display: flex;
  flex-direction: column;
}

.tit{
  font-size: 32px;
  color: #111;
  // white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 使用省略号表示文本溢出 */
}

.tie {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
}

.itemImg{
  width: 240px;
  height: 200px;
  border-radius: 24px;
}

.iconSearchSty{
  width: 42px;
  height: 42px;
  margin-right: 12px;
}

.iconCloseSty{
  width: 42px;
  height: 42px;
  padding-left: 24px;
}

.vinpWrap{
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.10);
  padding: 12px;
  margin: 0 24px 12px;
  border-radius: 12px;

}

.inpSty{
  flex: 1;
  height: 48px;
}

.reservation-record-page {
  --nutui-tabs-titles-item-active-color: #4F84F6;
  --nutui-tabs-tab-line-color: #4F84F6;
  --nutui-tabs-titles-font-size: 30px;

  .input-placeholder{
    color:#eee
  }
}
